<!DOCTYPE html>
<html lang="cn">

<head>
    <link href="https://vjs.zencdn.net/7.15.4/video-js.css" rel="stylesheet" />

    <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
    <!-- <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> -->

    <style>
    </style>
</head>

<body style="margin: 0;">
    <!-- 
        width="1280" height="720"
        width="100%" height="100%"
        poster="MY_VIDEO_POSTER.jpg"
    -->
    <video id="car-video" class="video-js" width="1280" height="720">
        <!--
        <source src="MY_VIDEO.mp4" type="video/mp4" />
        <source src="MY_VIDEO.webm" type="video/webm" />
        <source src="https://ciasi.org.cn//upload/files/6008844783cd2.mp4" type="video/mp4" />
        -->
        <p class="vjs-no-js">
            To view this video please enable JavaScript, and consider upgrading to a
            web browser that
            <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
        </p>
    </video>

    <script src="https://vjs.zencdn.net/7.15.4/video.min.js"></script>

    <script>
        var myPlayer = videojs(
            'car-video',
            {
                controls: true,
                autoplay: 'any', // true / false / 'play' / 'muted' / 'any'
                preload: 'auto',
                // width: '1280',
                // height: '720',
                liveui: true,
                // poster: 'https://www.ciasi.org.cn/home/img/header/logo.png',
                sources: [{
                    src: 'https://ciasi.org.cn//upload/files/6008844783cd2.mp4',
                    type: 'video/mp4'
                }]
            }
        );

        // Set layout mode: fill, fluid, responsive
        myPlayer.fluid(true);

        // myPlayer.addChild('BigPlayButton');

        // myPlayer.src({ type: 'video/mp4', src: 'https://ciasi.org.cn//upload/files/6008844783cd2.mp4' });
        myPlayer.ready(function () {
            console.log("player is ready");
            myPlayer.volume(0.5); // Set volume to half

            // myPlayer.play(); // Not work, why?

            // myPlayer.requestFullscreen();
            // myPlayer.isFullscreen(true); // set, tell the player it's in fullscreen
        });
    </script>
</body>

</html>